/*元素选择器*/
h1{
    color: red;
}

/*id选择器*/
#container{
    color: blue;
}
/*类选择器*/
.center{
    color: green;
}
/*属性选择器*/
p[data-bind]{
    color: orange;
}
/*相邻兄弟选择器*/
span+.change{
    color: deeppink;
}
/*普通兄弟选择器*/
span~.change2{
    color: firebrick;
}

p > span{
    background: chocolate;
}
div span{
    background: red;
}

/*伪类选择器*/
a{
    text-decoration: none;

}
/*未访问链接*/
a:link{
    color: blue;
}
/*已访问链接*/
a:visited{
    color: purple;
}
/*鼠标悬停*/
a:hover{
    /*font-weight: bold;*/
    background: orange;
    text-decoration: underline;
}
/*激活链接*/
a:active{
    color: lime;
}